
@import '~antd/dist/antd.css';

*{
    margin:0;padding:0;box-sizing: border-box;
}
img{display: block;}


.header{
    height:60px;
    line-height:60px;
    width:100%;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.3), 0 0 6px 2px rgba(0,0,0,.15);
    background-color: hsla(0,0%,100%,.8);
    z-index:1000;
    padding:0 8%;
    overflow: hidden;
    }
.header ul{
  margin:auto;
  overflow: hidden;
  font-size:16px;
  
}
.header  img{
   float:left;
   height:50px;
   margin-top:3px;
   cursor: pointer;
   display:block;
   margin-right:20px;
}
.header ul li{
    list-style:none;
    float:left;
    margin-right:30px;
    text-align:center;
    color: #0068b7;
    cursor: pointer;
}

.header ul .login{
    float:right;
}

.header ul li a{
    text-decoration: none;
    color: #0068b7;
}
.header ul li a.active{
    color:#000;
}

.header ul li .ant-btn{
    width:90px;
    height:30px;
    font-size:16px;
}


.swiper-container{
    height:450px;
    width:100%;
    overflow: hidden;
    }
.swiper-container img{
    width:100%;height:450px;display:block;
}
 .swiper-container .swiper-pagination-bullet{
    width:10px;
    height:10px;
    margin-right:10px;
    background:#ccc;
}
.swiper-container .index-arrow{
    display:block;
    width:60px;
    height:110px;
    background-color: hsla(0,0%,100%,.5);
    cursor:pointer;
    margin-top:-40px;
}

.index-icon-list{
    padding:50px 0 35px;text-align:center;
}
.index-icon-list .index-icon{
    display: inline-block;
    text-align:center;
    margin:0 100px;
    cursor: pointer;
}
.index-icon-list .index-icon img{
    height:80px;
}
.index-icon-list .index-icon p{
    font-size:16px;
    color: #848484;
}

.index-content{
    text-align:center;
    padding-bottom:10px;
    min-width:1080px;
}

.index-content .index-content-display{
    margin-right:15px;
    background-color: #f0f4f7;
    padding:40px 24px 0;
    display:inline-block;
    vertical-align: top;
    width:530px;
    height:256px;
    text-align:left;
    position:relative;

}
.index-content .index-content-display h1{
    color: #191919;
    font-size:32px;
    font-weight:100;
    line-height:1;
    margin-bottom:15px;
   
}
.index-content .index-content-display p{
     color: #848484;
     line-height:1.8;
     font-size:16px;
}
.index-content .index-content-display .contributor-list span{
        color: #0068b7;
        line-height:1.2;
        white-space: nowrap;
        font-weight:500;
}
.index-content .index-content-display img{
    width:190px;
    position:absolute;
    top:70px;
    right:44px;
}

.index-content .index-content-display .qcode{
    position:static;
    width:172px;
    margin-left:70px;
    margin-top:-10px;
}
.index-content .index-content-display .upload-button{
    position:absolute;
    width:190px;
    top:150px;
    right:44px;
}
.index-content .index-content-display .upload-button:nth-of-type(2){
   top:70px;
}
.index-content .index-content-display .hello{
     margin-left:70px;
     margin-top:7px;
}

.ant-modal{
    width:320px;
    top:0;
    left:100px;
}
.ant-modal-content{
    width:320px;
}
.ant-modal-body img{
    width:280px;
    margin-top:15px;
    border: 1px solid #E2E2E2;
}
.ant-modal-footer{
    display:none;
}
.ant-modal-title{
    font-weight:600;
    font-size:18px;
}

.ant-modal-body p{
    font-size:13px;
    color:#000;
    text-align:center;
}
.ant-modal-body p.title{
    font-size:20px;
    text-align: center;
    color:#000;
}



.lists{
    width:100%;
    margin:0 auto;
    padding:100px 30px;
    overflow: hidden;
}
.lists .aside{
    float:left;
    width:420px;
}
.lists .aside .contribution-title{
    display:block;
    width:262px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:20px;
    background-color: #fc9317;
    color:#fff;
}
.lists .aside img{width:80%;margin-top:30px;}
.lists .aside .contribution-content{
    font-size:16px;
    color: #343434;  
        
}
.lists .aside .contribution-content span{
     color: #fc9317;
     font-size:20px;
}
.lists .main{

}
.lists .main .select{
    margin-bottom:15px;
    font-size:16px;
}

.lists .main .select .ant-cascader-picker{
    margin-right:50px;
}

.lists .main .select .ant-cascader-picker .ant-input{
    width:250px;height:30px;border:1px solid #000;background:#fff;color:#000;
}
.lists .main table thead tr th{
    background:#fd566b;
    text-align: center;
    font-size:16px;
    color:#fff;
    padding:10px 0;
}
.lists .main table tbody tr td{
    text-align:center;
    font-size:14px;
    padding:10px 0;
    }



.gift-list-container{
    padding-top:90px;
    margin:0 auto;
    width:100%;
}
.gift-list-container .gift-list{
    list-style: none;
    margin:0;
    padding:0;
    overflow: hidden;
}
.gift-list-container .gift-list li{
    float:left;
    width:25%;
    text-align:center;
    cursor: pointer;
}
.gift-list-container .gift-list li img{
    width:176px;
    height:176px;
    border-radius:10px;
    margin:0 auto;
}
.gift-list-container .gift-list li .gift-info p{
    font-size:14px;
    line-height:16px;
    color:#000;
}
.gift-list-container .gift-list li .gift-info p span{
    color: #ffab7e;
}
.gift-list-container .gift-list li .gift-info p:nth-child(1){
    font-size:18px;
    line-height:20px;
    margin-bottom:10px;
}

.esrc-footer{
    display:block;
    width:100%;
    height:100px;
    line-height:100px;
    text-align:center;
    background-color: #f0f4f7;
    color:#000;
    font-size:18px;
}
.esrc-footer a{
        color: #2aa0dd;
        text-decoration: none;
}

.lis{
    padding-top:100px;
    padding-bottom:20px;
    }
.lis ul{
   margin:0 auto 20px;;
   width:800px;
}
.lis ul li{
    font-size:16px;
    line-height:42px;
    border-bottom: 1px solid #e2e2e2;
    
}
.lis ul li a{
    color:#000;
    display:block;
    width:100%;
}

.details{text-align:center;padding:100px 0 30px;}
.details img{margin:0 auto;}